<!DOCTYPE html>
<html>
	<head>
	   	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" charset="UTF-8"/>	
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--雪花-->
		<div id="leafContainer"></div>
		<!--投票成功弹窗-->
		<div class="success" id="success">
			<p>投票成功,今天还能再投4票哦！</p>
		</div>
		<!--弹窗-->
		<div id="alertbody" class="alertbody" onclick="hidealert()">
		</div>
		<div class="altcontent" id="altcontent">
		</div>
		<div class="bannerbox">
			<img src="img/banner.png"/>
			 <br style="clear:both;">
		</div>
		<div class="linearbg">
			<div class="countdown" id="countdown">
				<img src="img/countdown.png"/>
				<p id="timeTxt">距离活动结束还有:<!--
						--><span class="t_d"></span><!--
						--><span class="t_h"></span><!--
						--><span class="t_m"></span><!--
						--><span class="t_s"></span><!--
				--></p>
			</div>
			<div class="activeshow">
				<h1></h1>
				<p>
					<span class="activeshow-title">已报名</span>
					<span>8888</span>
				</p>
				<h1></h1>
				<p>
					<span class="activeshow-title">已投票</span>
					<span>8888</span>
				</p>
				<h1></h1>
				
			</div>
			<!--活动搜索-->
			<div class="activesearch">
				<div class="activesearch-left">
					<input type="text" placeholder="搜索参赛选手/编号"></input>
				</div>
				<div class="activesearch-right">
					<button></button>
				</div>
			</div>
			<!--排行换，一批-->
			<div class="btnbox" id="btnbox">
				<button onclick="judge()">查看排行</button>
				<button onclick="alertImg()">换一批</button>
			</div>
			<!--参赛者展示标题-->
			<div class="titlebox">
				<img id="titlebg" src="img/titlebg.png"/>
				<img id="titlebg2" src="img/titlebg.png"/>
				<span id="titlebtn" onclick="judge()">参赛者展示</span>
			</div>
			<!--列表盒子：切换新人列表与排行-->
			<div class="listbox" id="listbox">
				<!--最新报名选手-->
				<div class="applylist" id="applylist">
					<ul>
						<li>
							<p><img src="img/user2.png"/></p>
							<p>小可爱</p>
							<p>编号:205</p>
							<p>票数:620</p>
							<p><button onclick="vote1(this)"></button></p>
						</li>
						<li>
							<p><img src="img/user1.jpg"/></p>
							<p>小可爱小可爱小可爱小可爱</p>
							<p>编号:205</p>
							<p>票数:620</p>
							<p><button onclick="vote1(this)"></button></p>
						</li>
						<li>
							<p><img src="img/user1.jpg"/></p>
							<p>小可爱</p>
							<p>编号:205</p>
							<p>票数:620</p>
							<p><button onclick="vote1(this)"></button></p>
						</li>
						<li>
							<p><img src="img/user1.jpg"/></p>
							<p>小可爱</p>
							<p>编号:205</p>
							<p>票数:620</p>
							<p><button onclick="vote1(this)"></button></p>
						</li>
					</ul>
				</div>
				<!--选手排名-->
				<div id="indexSort" class="indexSort">
					<div class="sortInfo">
						<h3 class="sortInfoTitle"></h3>
						<div class="sortInfoList" id="sortVote">
							<ul>
								<li class="sortInfoListTitle">
									<span>排名</span>
									<span>参赛选手</span>
									<span>票数</span>
									<span>编号</span>
									<span>投票</span>
								</li>
								<li>
									<span>1</span>
									<span>阿狸阿狸阿狸阿狸阿狸阿狸阿狸阿狸阿狸阿狸</span>
									<span>385</span>
									<span>067</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>2</span>
									<span>小菠萝</span>
									<span>280</span>
									<span>031</span>
									<span><button class="sortVote" href="javascript:;"></button></span>
								</li>
								<li>
									<span>3</span>
									<span>阿狸</span>
									<span>385</span>
									<span>067</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>4</span>
									<span>小菠萝</span>
									<span>280</span>
									<span>031</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>5</span>
									<span>阿狸</span>
									<span>385</span>
									<span>067</span>
									<span><button class="sortVote" href="javascript:;"></button></span>
								</li>
								<li>
									<span>6</span>
									<span>小菠萝</span>
									<span>280</span>
									<span>031</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>7</span>
									<span>阿狸</span>
									<span>385</span>
									<span>067</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>8</span>
									<span>小菠萝</span>
									<span>280</span>
									<span>031</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>9</span>
									<span>阿狸</span>
									<span>385</span>
									<span>067</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
								<li>
									<span>10</span>
									<span>小菠萝</span>
									<span>280</span>
									<span>031</span>
									<span><button class="unvote" href="javascript:;" onclick="vote2(this)"></button></span>
								</li>
							</ul>
						</div>
					</div>
					<!--换页按钮-->	
					<div class="sortChangePage">
						<p>第【1/30】页</p>
						<ul>
							<li><a href="javascript:;">上一页</a></li>
							<li><a href="javascript:;">下一页</a></li>
							<li><a href="javascript:;">尾页</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="navbar">
			<a href="javascript:;" class="home-on">首页</a>
			<a href="apply.html" class="apply">报名</a>
			<a href="collar.html" class="vote">投票领书</span>
		</div>
	</body>
	<script src="js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/snow.js" type="text/javascript" charset="utf-8"></script>
</html>
